<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>第二课堂</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 20px;
      text-align: center;
      background-color: #f6f6f6;
    }

    h1 {
      color: #333;
    }

    .qr-code-image {
      max-width: 700px;
      margin-top: 20px;
    }

    .no-select {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

    .no-copy {
      -webkit-touch-callout: none;
      -webkit-user-drag: none;
      -khtml-user-select: none;
      -webkit-tap-highlight-color: rgba(0,0,0,0);
      pointer-events: none;
    }
  </style>
</head>
<body>
<h1 class="no-select">欢迎您: <span th:text="${user}"></span></h1>
<h2 class="no-select">当前课程：<span th:text="${activityName}"></span></h2>
<h2 class="no-select">课程时间：<span th:text="${activityStartTime}"></span>--<span th:text="${activityEndTime}"></span></h2>
<img class="qr-code-image no-copy" th:src="'data:image/png;base64,' + ${qrCodeImage}" alt="QR Code">
</body>
</html>